// 个人中心页面

// 1、当点击个人中心页面时，需要先发送请求,获取个人信息，渲染页面
//  如果没有查询到个人信息,说明没有登录，就立即跳转到登录页面
//  为了使用户看不到个人中心页面
//  则需要将ajax请求放在入口函数之外并且设置同步请求,
//  只有ajax请求结束,才会执行下边代码

// 定义一个全局变量,用来存储ajax请求到的用户信息
var userInfo = null;
$.ajax({
    type: 'get',
    url: '/user/queryUserMessage',
    // 声明同步,阻止后边代码执行
    async: false,
    success: function(res) {
        console.log(res);
        // 假如没找到，就是退出登录了，在session里没找到数据
        // 跳转到登录页面
        if (res.error && res.error == 400) {
            location.href = 'login.html';
        } else {
            // 假如获取到了信息，说明登录过了，可以渲染页面
            // bug 在这里不能直接渲染页面，因为页面还没有加载
            // 先保存用户信息，在入口函数里边渲染页面
            userInfo = res;
        }
    }
})



$(function() {
    // 在页面加载完毕后，再把存储在全局变量userInfo中的用户信息渲染到页面
    var html = template("tem-userInfo", userInfo);
    $('#userInfo').html(html);

    // 登录成功跳转到个人中心页面
    // 点击退出登录，发送请求，删除服务器中session中数据
    // 退出登录成功之后，跳转到首页
    $('#out-login').on('click', function() {
        $.ajax({
            type: 'get',
            url: '/user/logout',
            success: function(res) {
                console.log(res);
                // 退出登录跳转到首页
                if (res.success) {
                    location.href = 'index.html';
                }
            }
        })
    })


})